<template>
    <div class="cart-footer">
      <!-- 这个里面的change自定义事件是从mycheckbox的click事件传过来的 -->
      <!-- 是这样的，这个是最下面的的那个my-checkbook,然后我点了它就会有一个事件
      发过来，是从Mycheckbox.vue中发过来的，然后我又把这个事件和传给了app.vue,
      然后app.vue那里就遍历了，就让我总选择框的值给了所有的checked -->
      <my-checkbox :value="allChecked" @change="$emit('all-check',$event)">已选{{totalNum}}</my-checkbox>
      总价：￥{{totalPrice.toFixed(2)}}
    </div>
</template>


<script>
import MyCheckbox from "./MyCheckbox.vue"
export default{
    name:"CartFooter",
    components: {
        MyCheckbox,
    },
    props: {
      totalNum:{
          type: Number,
          required: true
      },
      totalPrice:{
          type: Number,
          required: true
      },
      allChecked:{
          type: Boolean,
          required: true
      },

    }
  
}

</script>

<style lang="scss" scoped>


</style>


